﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Product.ascx.cs" Inherits="Product_Control_Product" %>
<style type="text/css">
    #dhtmltooltip
    {
        border-style: dotted;
        position: absolute;
        width: 350px;
        border: 1px solid #628505;
        padding: 7px;
        background-color: #ffffff;
        visibility: hidden;
        z-index: 100;
        text-align: left;
        border-right: 1;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ /*filter: progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=200);*/
    }
</style>
<div style="left: -1000px; top: 599px; visibility: hidden;" id="dhtmltooltip">
    <img src="" alt="COIR" net="" style="margin-right: 10px; margin-bottom: 5px;" border="0"
        height="77" width="97" align="left">
    <span class="texttitle_blue"><b>Cofico</b></span>
</div>

<script type="text/javascript">
        function replaceString(strInput, searchString, replaceString){
            while(strInput.indexOf(searchString)>-1){
                strInput=strInput.replace(searchString, replaceString);
            }
            
            return strInput;
        }

        /***********************************************
        * Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
        * This notice MUST stay intact for legal use
        * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
        ***********************************************/

        var offsetxpoint=-60 //Customize x offset of tooltip
        var offsetypoint=20 //Customize y offset of tooltip
        var ie=document.all
        var ns6=document.getElementById && !document.all
        var enabletip=false
        if (ie||ns6)
        var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""

        function ietruebody(){
        return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
        }

        function ddrivetip(thetext, thecolor, thewidth){
        if (ns6||ie){
        if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
        if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
        thetext=replaceString(thetext,"(","&#40;");
        thetext=replaceString(thetext,")","&#41");
        thetext=replaceString(thetext,"'","&#39");
        thetext=replaceString(thetext,'"',"&#34");
        tipobj.innerHTML=thetext
        enabletip=true
        return false
        }
        }

        function positiontip(e){
        if (enabletip){
        var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
        var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
        //Find out how close the mouse is to the corner of the window
        var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
        var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20

        var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000

        //if the horizontal distance isn't enough to accomodate the width of the context menu
        if (rightedge<tipobj.offsetWidth)
        //move the horizontal position of the menu to the left by it's width
        tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
        else if (curX<leftedge)
        tipobj.style.left="5px"
        else
        //position the horizontal position of the menu where the mouse is positioned
        tipobj.style.left=curX+offsetxpoint+"px"

        //same concept with the vertical position
        if (bottomedge<tipobj.offsetHeight)
        tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
        else
        tipobj.style.top=curY+offsetypoint+"px"
        tipobj.style.visibility="visible"
        }
        }

        function hideddrivetip(){
        if (ns6||ie){
        enabletip=false
        tipobj.style.visibility="hidden"
        tipobj.style.left="-1000px"
        tipobj.style.backgroundColor=''
        tipobj.style.width=''
        }
        }

        document.onmousemove=positiontip

</script>

<%@ Register Src="~/Control/productCategory.ascx" TagName="Category" TagPrefix="uc2" %>
<%@ Register Src="~/Control/ProductMain.ascx" TagName="ProductMain" TagPrefix="uc1" %>
<%@ Register Src="~/Control/ProductDetail.ascx" TagName="ProductDetail" TagPrefix="uc3" %>
<div>
    <% if (LOADMAIN && !LOADDETAIL)
       { %>
    <uc1:ProductMain ID="ProductMain1" runat="server" />
    <%}
       else if (LOADDETAIL)
       { %>
    <uc3:ProductDetail ID="ProductDetail1" runat="server" />
    <% }
       else
       { %>
    <uc2:Category ID="Category1" runat="server" />
    <%} %>
</div>
